<script >
import SlotTest1 from './components/SlotTest1.vue';
export default {
  data() {
    return {
      message: ""
    };
  },
  components: { SlotTest1 }
}
</script>

<template>
  <div>
    <!-- 1、如果有多个值包含在slot标签中会一起生效 -->
    <!-- <SlotTest1> <button>自定义文字</button> 奇怪 </SlotTest1> -->
    <!-- 2、使用具名插槽，为template标签添加v-slot:xxx标签，语法糖为#xxx -->
    <SlotTest1>
      <template v-slot:aaa>
        <div><button>自定义文字</button></div>
      </template>
      <template #bbb>
        <label for="bbb">你的名字：</label>
        <input type="text" id="bbb">
      </template>
      <!-- <template v-slot:ccc>
        <input type="submit">
      </template> -->
    </SlotTest1>
  </div>
</template>

